<template>
  <box>
    <tip>this is a tip</tip>
  </box>
</template>

<script>
import styled from "vue-emotion";
import unitParser from "components/common/utils/unitParser.js";

const box = styled("div")`
  width: ${unitParser("100dp")};
  height: ${unitParser("150dp")};
  background: red;
`;

const tip = styled('div')`
  width: 10px;
  height: 10px;
  background: blue;
`;
export default {
  components:{
    box,
    tip
  }
};
</script>

<style>
</style>



